<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Home</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->
<!-- css files -->
<link rel="stylesheet" href="Home/css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="Home/css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
<link rel="stylesheet" href="Home/css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<!-- online-fonts -->
<link href="http://fonts.googleapis.com/css?family=Economica:400,400i,700,700i&amp;subset=latin-ext" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
<!-- //online-fonts -->
</head>
<body> 
<div class="Main-agile">
	<!-- banner -->
	<div class="agile-top">
		<div class="search">
				<input class="search_box" type="checkbox" id="search_box">
				<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
				<div class="search_form">
					<form action="#" method="post">
						<input type="search" name="Search" placeholder="Search Here......." required=""id="message2">
						<input type="submit" value="Send" onclick="lovefunction2()">
					</form>
				</div>
		</div>
		<div class="ph-agile">
			<p><i class="fa fa-phone" aria-hidden="true"></i><span>	QQ+XXX XXXX XXX</span></p><!--自己QQ或者手机号-->
		</div>
		<div class="clearfix"></div>

		<div class="sub-agile">
			<div class="col-md-6 logo">
				<h1><a href="index.html">Happy valentine's day</a></h1>
			</div>
			<div class="col-md-6 nav-w3l">
			<!-- navigation --> 
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<div class="header-right">
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">					
						<ul class="nav navbar-nav navbar-left">
							<li class="active"><a href="index.html"><span>H</span><span>O</span><span>M</span><span>E</span></a></li>
							<li><a href="#about" class="link link--yaku scroll"><span>A</span><span>B</span><span>O</span><span>U</span><span>T</span></a></li>
							<li><a href="#news" class="link link--yaku scroll"><span>N</span><span>E</span><span>W</span><span>S</span></a></li>
							<li><a href="#planners" class="link link--yaku scroll"><span>P</span><span>L</span><span>A</span><span>N</span><span>N</span><span>E</span><span>R</span><span>S</span></a></li>
							<li><a href="#gallery" class="link link--yaku scroll"><span>G</span><span>A</span><span>L</span><span>L</span><span>E</span><span>R</span><span>Y</span></a></li>
							<li><a href="#contact" class="link link--yaku scroll"><span>C</span><span>O</span><span>N</span><span>T</span><span>A</span><span>C</span><span>T</span> <span>U</span><span>S</span></a></li>
						</ul>		
						<div class="clearfix"> </div>
					</div><!-- //navigation -->
			</div>
		</div>
		<div class="clearfix"> </div>
		</div>
		<div class="clearfix"> </div>
	</div>
			<!-- banner-text -->
			<div class="slider">
				<div class="callbacks_container">
					<ul class="rslides callbacks callbacks1" id="slider4">
						<li>
							<div class="w3layouts-banner-top banner">
							<div class="w3l-overlay">
								<div class="container">
									<div class="agileits-banner-info">
										<h4>邢佳丽</h4>
										<h3>Xing Jiali</h3>
										<p>既见君子，云胡不喜</p>
										<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>More Affection</a></h5>
									</div>	
								</div>
							</div>
							</div>
						</li>
						<li>
							<div class="w3layouts-banner-top banner-2">
							<div class="w3l-overlay">
								<div class="container">
									<div class="agileits-banner-info">
										<h4>唐俊超</h4>
										<h3>Tang Junchao</h3>
										<p>愿得一人心，白首不相离 </p>
										<h5><a href="#" class="view rew3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>More Affection</a></h5>
									</div>	
								</div>
							</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
				<!-- //banner-text -->
			</div>
			
		<div class="header">
			<div class="social-w3">
				<div class="main">
								<ul>
									<li class="f1">
										<a href="#" class="hvr-grow"><i class="fa fa-facebook f1" aria-hidden="true"></i></a>
									</li>
									<li class="f2">
										<a href="#" class="hvr-grow"><i class="fa fa-google-plus f2" aria-hidden="true"></i></a>
									</li>
									<li class="f3">
										<a href="#" class="hvr-grow"><i class="fa fa-twitter f3" aria-hidden="true"></i></a>
									</li>
									<li class="f4">
										<a href="#" class="hvr-grow"><i class="fa fa-linkedin f5" aria-hidden="true"></i></a>
									</li>
									<li class="f5">
										<a href="#" class="hvr-grow"><i class="fa fa-dribbble f6" aria-hidden="true"></i></a>
									</li>
								</ul>
				</div>
			</div>
		</div>
</div>

						<!-- Modal5 -->
						<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" >
							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
											<h4>Valentine</h4>
											<h5>南风知我意，吹梦到西洲</h5>
											<img src="Home/images/bg2.jpg" alt="blog-image" />
										<span>白茶清欢无别事，我在等风也在等你 </span>
									</div>
								</div>
						
							</div>
				        </div>
						<!-- //Modal5 -->

<!-- //banner -->
<!-- main -->

		<!-- About -->
		<div class="content-agileits" id="about">
			<div class="welcome-w3">
				<div class="container">
					<h3 class="w3_tittle">About Us </h3>
					<div class="welcome-grids">
						<div class="col-md-5 wel-grid1">
							<div class="port-7 effect-2">
								<div class="image-box">
									<img src="Home/images/ab.jpg" alt="Image-2">
								</div>
								<div class="text-desc">
									<h4>Valentine</h4>
									<p>loved you first: but afterwards your love...</p>
								</div>
							</div>
						</div>
						<div class="col-md-7 wel-grid">
							<h4>缘分</h4>
							<p>还能记得我们第一次开始打王者的时候吗，哈哈哈只是默默的打游戏我觉得你是个很听话的辅助哈哈哈</p>
							<p>你说这是缘分吗</p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- //About -->

<!-- Services -->
<div class="agile-serv">
		<div class="col-md-6 agileits-serv" style="height: 578px">
				<div class="left-w3l">
					<h4>A Glimpse</h4>
					<h5>Best Wishes</h5>
					<p>特别喜欢你会为自己的喜欢的东西去努力，希望你以后的日子里总有光亮，笑起来的时候可以什么都不用去想，对的会坚持，错的会遗忘，世间山河之广，祝你都如愿所偿 </p>
					<ul>
						<li><a href="#"><i class="glyphicon glyphicon-ok"></i>山水万程</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"></i>皆要好运</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"></i>一切尽意</a></li>
						<li><a href="#"><i class="glyphicon glyphicon-ok"></i>百事从欢</a></li>
					</ul>
				</div>
		</div>
		<div class="col-md-6 right-w3l" style="height: 578px">
			<div class="welcome-bottom">
				<div class="welcome-grid">
					<i class="fa fa-birthday-cake" aria-hidden="true"></i>
					<h4>Love cakes</h4>
					<p>"For you see, each dayI love you more. Today more than yesterday and less than tomorrow"</p>
				</div>
				<div class="welcome-grid">
					<i class="fa fa-gratipay" aria-hidden="true"></i>
					<h4>Emotional</h4>
					<p>No matter the ending is perfect or not, you cannot disappear from my world.</p>
				</div>
				<div class="welcome-grid">
					<i class="fa fa-glass" aria-hidden="true"></i>
					<h4>Celebrations</h4>
					<p>If you weeped for the missing sunset,you would miss all the shining stars. </p>
				</div>
			</div>
		</div>	
		<div class="clearfix"> </div>
</div>		  
<!-- //Services -->

	<!-- News -->
	<div class="events-w3l" id="news">
		<div class="container">
			<div class="team-w3l">
				<h3 class="w3_tittle">Our News & Events </h3>
			</div>
			<div class="w3l-event-grids">
				<div class="col-md-6 col-sm-6 w3l-event-grid"style='background-color: #feeeed;height: 567px;'>
					<div class="w3l-event-img">
						<a href="#" class="rew3" data-toggle="modal" data-target="#myModal1"><img src="Home/images/ne1.jpg" alt="" /></a>
					</div>
					<div class="text-w3">
						<a href="#" class="rew3" data-toggle="modal" data-target="#myModal1"><h4>Jack & Rose</h4></a>
						<p>The beginning of our story</p>
						<h6>Feb 14 2022</h6>
						<h5>00:00am</h5>
					</div>
					<div class="news-grid-info">
						<a href="#" class="rew3" data-toggle="modal" data-target="#myModal1">前路昭然，你我共济 </a>
						<p>我这个人哦 满身阴暗 还总想着给你一点阳光</p>
						<a href="#" class="view new-w3" data-toggle="modal" data-target="#myModal5"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>Read More</a>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 w3l-event-grid">
					
					<iframe src="Home/images/index.html" style="height: 570px;width: 515px;"></iframe>
				</div>
				<div class="clearfix"> </div>
			</div>

		</div>
	</div>
	
	
	

								
						<!-- Modal1 -->
						<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" >
							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
											<h4>conjugality</h4>
											<h5>Our Top News</h5>
											<img src="Home/images/ne1.jpg" alt="blog-image" />
											<span>Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem , eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.accusantium doloremque laudantium, totam rem aperiamconsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
									</div>
								</div>
						
							</div>
				       </div>
						<!-- //Modal1 -->
				
						<!-- Modal2 -->
						<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" >
							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
											<h4>conjugality</h4>
											<h5>Our Top News</h5>
											<img src="images/ne2.jpg" alt="blog-image" />
											<span>Lorem ipsum dolor sit amet, Sed ut perspiciatis unde omnis iste natus error sit voluptatem , eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.accusantium doloremque laudantium, totam rem aperiamconsectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span>
									</div>
								</div>
						
							</div>
				       </div>
					<!-- //Modal2 -->
	<!-- //News -->

	<!-- team -->
	<div class="team" id="planners">		
		<div class="container">
			<h3 class="w3_tittle">On A Date</h3>    
			<div class="team-row-agileinfo">
				<div class="col-md-3 col-sm-6 col-xs-6 team-grids">
					<div class="thumbnail team-agileits">
						<img src="Home/images/2.png" class="img-responsive" alt="" style="height: 425px"/>
						<div class="w3agile-caption">
							<div class="w3l-team-text">
								<h4>Date</h4>
								<h6>Morning</h6>
								<p>Your plan</p>
							</div> 
							<div class="social-w3lsicon">
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>  
							</div>
						</div> 
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6 team-grids">
					<div class="thumbnail team-agileits">
						<img src="Home/images/1.png" class="img-responsive" alt="" style="height: 425px"/>
						<div class="w3agile-caption">
							<div class="w3l-team-text">
								<h4>Date</h4>
								<h6>Afternoon</h6>
								<p>Your plan</p>
							</div>
							<div class="social-w3lsicon">
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>  
							</div>	
						</div> 
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6 team-grids">
					<div class="thumbnail team-agileits">
						<img src="Home/images/4.png" class="img-responsive" alt="" style="height: 425px"/>
						<div class="w3agile-caption">
							<div class="w3l-team-text">
								<h4>Date</h4>
								<h6>Evening</h6>
								<p>Your plan</p>
							</div>	
							<div class="social-w3lsicon">
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>  
							</div>	
						</div> 
					</div>
				</div>
				<div class="col-md-3 col-sm-6 col-xs-6 team-grids">
					<div class="thumbnail team-agileits">
						<img src="Home/images/3.png" class="img-responsive" alt="" style="height: 425px"/>
						<div class="w3agile-caption">
							<div class="w3l-team-text">
								<h4>Date</h4>
								<h6>Night</h6>	
								<p>Your plan</p>
							</div>	
							<div class="social-w3lsicon">
								<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
								<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
								<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>  
							</div>	
						</div> 
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //team --> 

	<!-- gallery -->
	<div id="gallery" class="welcome gallery">
		<div class="container">
		<h3 class="w3_tittle">Our Gallery</h3>
			<div class="gallery-info">
				<div class="gallery-grids">
					<div class="col-md-3 col-sm-3 col-xs-3 gallery-grids-top">
						<a href="#portfolioModal1" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
							<img src="Home/images/gg1.jpg" class="img-responsive" alt="" style="height: 360px;"/>
							<div class="b-wrapper">
								<span class="b-animate b-from-left">
									<img class="img-responsive" src="Home/images/search.png" alt=""/>
								</span>					
							</div>
						</a>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-6 gallery-grids-top">
						<div class=" bottom-grids ">
							<a href="#portfolioModal2" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
								<img src="Home/images/gg2.jpg" class="img-responsive" alt=""/>
								<div class="b-wrapper">
									<span class="b-animate b-from-left">
										<img class="img-responsive" src="Home/images/search.png" alt=""/>
									</span>					
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-3 gallery-grids-top">
						<div class=" bottom-grids ">
							<a href="#portfolioModal3" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
								<img src="Home/images/gg7.jpg" class="img-responsive" alt=""/>
								<div class="b-wrapper">
									<span class="b-animate b-from-left">
										<img class="img-responsive" src="Home/images/search.png" alt=""/>
									</span>					
								</div>
							</a>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="gallery-grids glry-grid-middle">
					<div class="col-md-3 col-sm-3 col-xs-3 gallery-grids-top">
						<a href="#portfolioModal4" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
							<img src="Home/images/gg4.jpg" class="img-responsive" alt=""/>
							<div class="b-wrapper">
								<span class="b-animate b-from-left">
									<img class="img-responsive" src="Home/images/search.png" alt=""/>
								</span>					
							</div>
						</a>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-6 gallery-grids-top">
						<div class=" bottom-grids ">
							<a href="#portfolioModal5" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
								<img src="Home/images/gg5.jpg" class="img-responsive" alt="" style='height: 369px;'/>
								<div class="b-wrapper">
									<span class="b-animate b-from-left">
										<img class="img-responsive" src="Home/images/search.png" alt=""/>
									</span>					
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-3 gallery-grids-top">
						<div class="bottom-grids w3ls-btm">
							<a href="#portfolioModal6" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
								<img src="Home/images/gg8.jpg" class="img-responsive" alt="" style="height:170px; "/>
								<div class="b-wrapper">
									<span class="b-animate b-from-left">
										<img class="img-responsive" src="Home/images/search.png" alt=""/>
									</span>					
								</div>
							</a>
						</div>
						<div class="bottom-grids last-w3">
							<a href="#portfolioModal7" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
								<img src="Home/images/gg9.jpg" class="img-responsive" alt=""/>
								<div class="b-wrapper">
									<span class="b-animate b-from-left">
										<img class="img-responsive" src="Home/images/search.png" alt=""/>
									</span>					
								</div>
							</a>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="gallery-grids">
					<div class="col-md-3 col-sm-3 col-xs-3 gallery-grids-top ga1">
						<a href="#portfolioModal8" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
							<img src="Home/images/gg6.jpg" class="img-responsive" alt="" style="height: 170px;width: 255px;"/>
							<div class="b-wrapper">
								<span class="b-animate b-from-left">
									<img class="img-responsive" src="Home/images/search.png" alt=""/>
								</span>					
							</div>
						</a>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-3 gallery-grids-top ga2">
						<div class=" bottom-grids ">
							<a href="#portfolioModal9" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
								<img src="Home/images/gg3.jpg" class="img-responsive" alt="" style="height: 170px;"/>
								<div class="b-wrapper">
									<span class="b-animate b-from-left">
										<img class="img-responsive" src="Home/images/search.png" alt=""/>
									</span>					
								</div>
							</a>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-6 gallery-grids-top ga3">
						<div class=" bottom-grids ">
							<a href="#portfolioModal10" class="b-link-stripe b-animate-go wow zoomIn animated" data-wow-delay=".5s" data-toggle="modal">
								<img src="Home/images/gg10.jpg" class="img-responsive" alt="" style="height: 170px;"/>
								<div class="b-wrapper">
									<span class="b-animate b-from-left">
										<img class="img-responsive" src="Home/images/search.png" alt=""/>
									</span>					
								</div>
							</a>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<!-- gallery Modals -->
				<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" aria-hidden="true">
					<div class="modal-content g gal">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg1.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal port3 modal fade" id="portfolioModal2" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg2.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg7.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal modal port2 fade" id="portfolioModal4" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg4.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg5.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg8.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg9.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal modal fade" id="portfolioModal8" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg6.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal modal fade" id="portfolioModal9" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg3.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="portfolio-modal port3 modal fade" id="portfolioModal10" tabindex="-1" aria-hidden="true">
					<div class="modal-content g">
						<div class="close-modal" data-dismiss="modal">
							<div class="lr">
								<div class="rl"></div>
							</div>
						</div>
						<div class="portfolio-container">
							<div class="row">
								<div class="col-lg-8 col-lg-offset-2">
									<div class="modal-body">
										<h3>Our Gallery</h3>
										<hr>
										<img src="Home/images/gg10.jpg" class="img-responsive img-centered" alt="">
										<p>I seem to have loved you in numberless forms, numberless times。
In life after life, in age after age, forever.
My spellbound heart has made and remade the necklace of songs,
That you take as a gift, wear round your neck in your many forms,
In life after life, in age after age, forever.
Whenever I hear old chronicles of love, it's age-old pain,
It's ancient tale of being apart or together.
As I stare on and on into the past, in the end you emerge,
Clad in the light of a pole-star piercing the darkness of time:
You become an image of what is remembered forever.
You and I have floated here on the stream that brings from the fount.
At the heart of time, love of one for another.
We have played along side millions of lovers, shared in the same
Shy sweetness of meeting, the same distressful tears of farewell
Old love but in shapes that renew and renew forever.
Today it is heaped at your feet, it has found its end in you
The love of all man’s days both past and forever
Universal joy, universal sorrow, universal life.
The memories of all loves merging with this one love of ours–
And the songs of every poet past and forever.
</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--//gallery Modals -->
			</div>
		</div>
	</div>
	<!-- //gallery -->	

	<!-- news letter -->
	<div class="subscribe text-center" id="subscribe">
		<div class="container">
			<div class="col-md-3 col-sm-3 col-xs-3 title">
				<h3 style="color:#f40"><strong>Love Password</strong><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span></h3>
			</div>
			<div class="col-md-9 col-sm-9 col-xs-9 title-w3l">
				<form action="#" method="post">
					<input placeholder="I have a surprise for you" class="user"  type="text" required="" id='message'>
					<input type="submit" value="submit" onclick="lovefunction()">
				</form>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<script type="text/javascript">
		function lovefunction()
		{
			var message=document.getElementById("message").value;
			if(message=="")
				{alert("You won't forget datatime, will you?XX (～￣(OO)￣)ブ")}
			else if(message=="520")
				{window.open("Letter/LoveLetter.html");}
			else{
				alert('Error answer')
			}
		}
		function lovefunction2()
		{
			var message=document.getElementById("message2").value;
			if(message=="")
				{alert("You won't forget datatime, will you?XX (～￣(OO)￣)ブ")}
			else if(message=="520")
				{window.open("Letter/LoveLetter.html");}
			else{
				alert('Error answer')
			}
		}
	</script>
	<div class="map"id="contact">

		<div class="map-pos">
			<h3>LOVE</h3>
			<p>缘分</p>
			<p>人间于此</p>
			<p>欢喜是你</p>
		</div>
	</div>

<div class="footer w3ls">
	<div class="container">
			<div class="logo-fo">
				<h2><a href="index.html">Conjugality</a></h2>
			</div>
			<div class="ftr-menu">
				 <ul>
					<li><a class="scroll" href="#home">Home </a></li>
					<li><a class="scroll" href="#about">About</a></li>
					<li><a class="scroll" href="#news">News</a></li>
					<li><a class="scroll" href="#planners">Planners</a></li>
					<li><a class="scroll" href="#gallery">Gallery</a></li>
					<li><a class="scroll" href="#contact">Contact Us</a></li>
				 </ul>
			</div>
			<div class="w3ls-social-icons-2">
				<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
				<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
				<a class="pinterest" href="#"><i class="fa fa-google-plus"></i></a>
				<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
				<a class="tumblr" href="#"><i class="fa fa-tumblr"></i></a>
			</div>
			<div class="clearfix"> </div>
	</div>
</div>

<!-- //Footer -->

<!-- js-scripts -->			
	
		<!-- js -->
			<script type="text/javascript" src="Home/js/jquery-2.1.4.min.js"></script>
			<script type="text/javascript" src="Home/js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
		<!-- //js -->
	
		<!-- Baneer-js -->
			<script src="Home/js/responsiveslides.min.js"></script>
			<script>
						// You can also use "$(window).load(function() {"
						$(function () {
						  // Slideshow 4
						  $("#slider4").responsiveSlides({
							auto: true,
							pager:true,
							nav:false,
							speed: 500,
							namespace: "callbacks",
							before: function () {
							  $('.events').append("<li>before event fired.</li>");
							},
							after: function () {
							  $('.events').append("<li>after event fired.</li>");
							}
						  });
					
						});
			</script>
			<script>
								// You can also use "$(window).load(function() {"
								$(function () {
								  // Slideshow 4
								  $("#slider3").responsiveSlides({
									auto: true,
									pager:false,
									nav:true,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									  $('.events').append("<li>before event fired.</li>");
									},
									after: function () {
									  $('.events').append("<li>after event fired.</li>");
									}
								  });
							
								});
							 </script>

		<!-- //Baneer-js -->

		<!-- start-smoth-scrolling -->
				<script type="text/javascript" src="Home/js/move-top.js"></script>
				<script type="text/javascript" src="Home/js/easing.js"></script>
				<script type="text/javascript">
					jQuery(document).ready(function($) {
						$(".scroll").click(function(event){		
							event.preventDefault();
							$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
						});
					});
				</script>
		<!-- start-smoth-scrolling -->

		<!-- smooth scrolling-bottom-to-top -->
				<script type="text/javascript">
					$(document).ready(function() {
												
					$().UItoTop({ easingType: 'easeOutQuart' });
					});
				</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				<audio autoplay="autopaly">
					<source src="Home/DAOKO%20(ダヲコ)%20-%20Forever%20Friends.mp3" type="audio/mp3" />
			</audio> 
		<!-- //smooth scrolling-bottom-to-top -->

<!-- //js-scripts -->
</body>
</html>